<template>
	<div class="extract_detail">
		<el-form ref="ruleFormRef" :model="formData" label-width="150px">
			<el-row>
				<el-col :span="24">
					<el-form-item label="用户id" style="width: 100%">
						<el-input disabled v-model="formData.userId" clearable style="width: 100%"></el-input>
					</el-form-item>
					<el-form-item label="用户姓名" style="width: 100%">
						<el-input disabled v-model="formData.email" clearable style="width: 100%"></el-input>
					</el-form-item>
					<el-form-item label="用户邮箱" style="width: 100%">
						<el-input disabled v-model="formData.email" clearable style="width: 100%"></el-input>
					</el-form-item>
					<el-form-item label="提现总额" style="width: 100%">
						<el-input disabled v-model="formData.money" clearable style="width: 100%"></el-input>
					</el-form-item>
					<el-form-item label="提现手续费" style="width: 100%">
						<el-input disabled v-model="formData.serviceCharge" clearable style="width: 100%"></el-input>
					</el-form-item>
					<el-form-item label="实际到账金额" style="width: 100%">
						<el-input disabled v-model="formData.actualAmount" clearable style="width: 100%"></el-input>
					</el-form-item>
					<el-form-item label="支付方式" style="width: 100%">
						<el-input disabled v-model="formData.pay" clearable style="width: 100%"></el-input>
					</el-form-item>
					<el-form-item label="支付账号" style="width: 100%">
						<el-input disabled v-model="formData.email" clearable style="width: 100%"></el-input>
					</el-form-item>
				</el-col>
			</el-row>
		</el-form>
		<el-row>
			<el-col :span="24">
				<h2 class="handle-list">处理历史</h2>
				<el-table :data="tableData" style="width: 100%">
					<el-table-column prop="userId" label="状态"></el-table-column>
					<el-table-column prop="email" label="备注"></el-table-column>
					<el-table-column prop="money" label="处理时间"></el-table-column>
				</el-table>
			</el-col>
		</el-row>
	</div>
</template>
<script setup nama="ExtractDetail">
// const props = defineProps(['extractType', 'ruleForm']);
const props = defineProps({
	extractType: {
		type: Array,
		default: () => [],
	},
	extractMoneyStatus: {
		type: Array,
		default: () => [],
	},
	extractProject: {
		type: Array,
		default: () => [],
	},
	detailForm: {
		type: Object,
		default: () => {},
	},
});

const tableData = ref([]);
const formData = ref({
	...props.detailForm,
	pay: 'paypal',
});
</script>
<style lang="scss">
.handle-list {
	font-weight: normal;
	padding: var(--el-dialog-padding-primary);
	line-height: var(--el-dialog-font-line-height);
	font-size: var(--el-dialog-title-font-size);
	color: var(--el-text-color-primary);
}
</style>
